<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>缩放</title>
	</head>
	<style>
		#test{
			height: 30px;
			width: 200px;
			background: red;
			-webkit-transform: scale(0.5,2);/*宽度缩小1倍，高度放大一倍*/
		}
	</style>

	<body>
		<div id="test"></div>
	</body>

</html>